<template>
    <ul class="targetTo">
        <li v-for="(item,index) in listItem" @click="handleNext(item)"><span>{{item.descr}}</span><span  class="loginRight">></span></li>
    </ul>
</template>

<script>

export default {
    name: "list",
    components: {

    },
    props:{
        listItem:{
            type:Array,
            default:function(){
                return ["招商局集团"]
            }
        },
    },
    data() {
        return {
            
        };
    },
    created() {

    },
    watch: {

    },
    computed: {

    },
    methods: {
        handleNext:function(node){
            this.$emit("returnClickNode",node)
        }
    }
};
</script>

<style scoped="scoped" lang="less">
.targetTo{
   
    background-color:#fff;
    .loginRight{
      float:right;
      color:#5DB6DA;
    }
    li{
      padding:0 0.3rem;
      height:1rem;
      line-height:1rem;
      border-bottom:0.02rem solid #eee;
    }

}

</style>
